<blockquote class="blockquote text-right">
    <p class="mb-0">欢饮您的到访，朋友！Aurora 是一座美丽的城堡，优美似美人；一座铜墙铁壁之城，您的到来我们感受到了无限的力量.如若有您，我们无限可能。有您的帮助我们，Aurora 还会昙花一现，去他的， Buddy!</p>
    <p class="mb-0">
        <a href="{:urlBuild('!.mdreader','?fmd=README&title=项目说明')}" class="btn btn-default" target="_blank">项目说明</a>
        <a href="{:urlBuild('!.mdreader','?fmd=suroong&title=版本更新日志')}" class="btn btn-default" target="_blank">版本日志</a>
    </p>
    <footer class="blockquote-footer">于 2017年5月10日 星期三 @By <cite title="Source Title"> Joshua Conero</cite></footer>
</blockquote>

{// 文章列表与系统消息}
<div class="row">
    <div class="col-sm-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title row">
                    <a href="{:urlBuild('!.essay')}" class="col-10">文林轩/{$data.article_count}</a>
                    <select class="custom-select col-2" id="essay_order_selector" style="font-size: 0.77em;border: 0px;">
                        <option selected>排序方式...</option>
                        <option value="push_date">最新</option>
                        <option value="date">日期</option>
                        <option value="render">最热</option>
                        <option value="star">关注</option>
                    </select>
                </h4>
                <ul class="list-group list-group-flush" id="essay_list_ul"></ul>
            </div>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">
                    <a href="javascript:;">通知公告</a>
                </h4>
                <ul class="list-group list-group-flush" id="sysnew_list_ul"></ul>
            </div>
        </div>
    </div>
</div>

{// 作者简介}    
<div class="card border-primary" style="margin-top:2px;margin-bottom: 2px;">
    <div class="card-body">
        <h4 class="card-title">Call Me Joshua Conero.</h4>
        <h6 class="card-subtitle mb-2 text-muted">Warner Young, Joe Doeeking Jahn. 古丞秋,  都云晋仪</h6>
        <p class="card-text">
            You maybe ask me if Mr.Conero still single, yep I am a terrible singer. Cause I have no idea what I should do, my friends.I so clear understand the felling of heartbreak, lovely lady leaving, the beautiful angel gone. But enough is enough, let it go, don't be sad for yesterday. Hold on the day, just, right?
        </p>
        <a href="https://gitee.com/Doee" target="_blank" class="card-link" title="开源中国">Gitee</a>
        <a href="https://github.com/Conero" target="_blank" class="card-link"><i class="fa fa-github"></i> GitHub</a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <p class="lead">
            目前网站正在快速的建设中……我们计划先建设手机端的应用，如若您已经准备好去这座美丽的城堡.
            <br> Just do it, Boys and Girls.
            <br> 持续开发中……
            <br> 帮帮<strong>古丞秋</strong>先生吧
        </p>
    </div>
    {// 应用列表, 2017年11月19日 星期日 后期充数据前动态获取}
    <ul class="list-unstyled" style="padding-left: 20px;">
        <li class="media">
            <a href="http://www.conero.cn/aurora/index.html" target="_blank">
                <img class="mr-3" src="{$Think.config.p_index.static_url|default='/'}aurora.png" alt="Desktop Aurora" style="width: 100px; height: 100px;">
            </a>
            <div class="media-body">
                <h5 class="mt-0 mb-1">Desktop Aurora</h5>
                开源中国 <a href="https://gitee.com/Doee/aurora" target="_blank">conero.cn/aurora</a>.
                <p>ThinkPHP 5.0.x + Bootstrap v4. 构建。 Doeeking V3实现</p>
            </div>
        </li>
        <li class="media my-4">
            <a href="http://www.conero.cn/aurora/wap.html" target="_blank">
                <img class="mr-3" src="{$Think.config.p_index.static_url|default='/'}aurora-appm.png" alt="Mobile Aurora" style="width: 100px; height: 100px;">
            </a>
            <div class="media-body">
                <h5 class="mt-0 mb-1">Mobile Aurora</h5>
                开源中国 <a href="https://gitee.com/Doee/aurora" target="_blank">conero.cn/aurora</a>.
                <p>ThinkPHP 5.0.x + weui. 构建。 Doeeking V3 浏览器移动端实现。
                    <br> 快来体验吧，我们已经实现了简单的<strong>个人财务管理</strong>，以及轻量级<strong>日志管理</strong>等功能。
                    <br> Just hold your phone and visit it, or laugh me (the poor Joshua Conero).
                    <br> Suffer me, Push me. We'll not die now if you online
                </p>
            </div>
        </li>
        <li class="media">
            <a href="http://www.conero.cn/center" target="_blank">
                <img class="mr-3" src="{$Think.config.p_index.static_url}center.png" alt="Desktop Aurora Center" style="width: 100px; height: 100px;">
            </a>
            <div class="media-body">
                <h5 class="mt-0 mb-1">Desktop Aurora Center</h5>
                开源中国 <a href="https://gitee.com/Doee/aurora_center" target="_blank">conero.cn/aurora_center</a>.
                <p> Laravel5.4.x + element-ui(VueJs2.0). 构建。 Doeeking V3 后台用户中心</p>
            </div>
        </li>
        <li class="media">
            <a href="http://www.conero.cn/Conero" target="_blank">
                <img class="mr-3" src="{$Think.config.p_index.static_url|default='/'}conero.png" alt="Conero (Doeeking v2)" style="width: 100px; height: 100px;">
            </a>
            <div class="media-body">
                <h5 class="mt-0 mb-1">Conero (Doeeking v2)</h5>
                开源中国 <a href="https://gitee.com/Doee/Doeeking_V2" target="_blank">conero.cn/Conero</a>.
                <p> ThinkPHP 5.0.x + Bootstrap v3. 构建</p>
            </div>
        </li>
        <li class="media">
            <a href="http://www.conero.cn/Doeeking" target="_blank">
                <img class="mr-3" src="{$Think.config.p_index.static_url|default='/'}conero.jpg" alt="Doeeking (V1)" style="width: 100px; height: 100px;">
            </a>
            <div class="media-body">
                <h5 class="mt-0 mb-1">Doeeking (V1)</h5>
                开源中国 <a href="https://gitee.com/Doee/Doeeking" target="_blank">conero.cn/Doeeking</a>.
                <p> ThinkPHP3.2.x + ajax + 纯css/html样式构建。</p>
            </div>
        </li>
    </ul>
    <!--<div class="row">-->
        <!--<div class="col">-->
            <!--<img src="{:url('api/erwma/wapurl')}" class="rounded float-left" alt="..." style="width: 200px; height: 200px;">-->
        <!--</div>-->
        <!--<div class="col">-->
            <!--<img src="{php}echo urlBuild('!api:erwma','?code='.base64_encode('Y love it and I love it').'&type=b64'){/php}" class="rounded float-right" alt="..." style="width: 200px; height: 200px;">-->
        <!--</div>-->
        <!--<div class="col">-->
            <!--<img src="{php}echo urlBuild('!api:erwma','?code='.base64_encode('some jokes for you').'&type=b64'){/php}" class="rounded float-right" alt="..." style="width: 200px; height: 200px;">-->
        <!--</div>-->
    <!--</div>-->
    <div class="card-body">
        <blockquote class="blockquote">
            <p>我们看一看当前的应用的统计量吧，结果如下所示.</p>
        </blockquote>
        <p class="lead text-right">手机访问量</p>
        <div class="progress">
            <div class="progress-bar" role="progressbar" style="width: {$page.rate_mctt}%;" aria-valuenow="$page.rate_mctt}" aria-valuemin="0" aria-valuemax="100">{$page.rate_mctt}%</div>
        </div>
        <p class="lead text-right">桌面问量</p>
        <div class="progress">
            <div class="progress-bar bg-success" role="progressbar" style="width: {$page.rate_wctt}%;" aria-valuenow="{$page.rate_wctt}" aria-valuemin="0" aria-valuemax="100">{$page.rate_wctt}%</div>
        </div>
    </div>
    <div class="card-body" id="visit_chart" style="min-height: 400px;"></div>
    <div class="card-body" id="visit_ditu_chrart" style="min-height: 400px;"></div>
    <blockquote class="blockquote" style="margin-left: 15px;">
        <p>
            <a href="javascript:void(0);" class="text-success js__toggle" data-id="help_us_ds">捐助</a>
            <a href="javascript:void(0);" class="text-danger js__toggle" data-id="star_weixin_ds">关注我们的微信</a>
            .
        </p>
        <footer class="blockquote-footer">没有您的帮助，我们不知道可以走多远！If you can, just give us hands.</footer>
    </blockquote>
    <div class="row d-none js__toggle_dc" id="help_us_ds">
        <div class="col"></div>
        <div class="col">
            <img src="{$Think.config.setting.static_pref}img/WeChat.jpg" style="width: 200px;height: 300px" alt="微信">
        </div>
        <div class="col">
            <img src="{$Think.config.setting.static_pref}img/Alipay.jpg" style="width: 200px;height: 300px" alt="支付宝">
        </div>
        <div class="col"></div>
    </div>
    <div class="row d-none js__toggle_dc" id="star_weixin_ds">
        <div class="col"></div>
        <div class="col">
            <img src="{$Think.config.setting.static_pref}img/conero-dyh-min.jpg" alt="订阅号conero">
        </div>
        <div class="col"></div>
    </div>        

    <blockquote class="blockquote" style="margin-left: 15px;">
        <h4>系统简介</h4>
    </blockquote>
    <ul class="list-unstyled" style="padding-left: 80px;">
        <li>累计访问量： {$page.dcount}/{$page.count}</li>
        <li>上线时间： {$page.online_dt}/<a href="javascript:void(0);" class="js__tooltip" data-toggle="tooltip" data-placement="left" title="截止当前的在线天数">{$page.online_cttdt}</a></li>
        <li>作者：{$Think.config.setting.author}</li>
        <li>联系邮箱：{$Think.config.setting.email}</li>
        <li>查看的git仓：{$Think.config.setting.git_url}</li>
    </ul>
</div>

{// 开源中国挂件-begin}
<!-- <script src='//gitee.com/Doee/aurora/widget_preview_fix'></script> -->
<script src='//gitee.com/conero/aurora/widget_preview'></script>
<style>
.osc_git_box{margin-top: 10px;margin-bottom: 10px;}
.pro_name a{color: #115951;}
.osc_git_title{background-color: #fff;}
.osc_git_box{background-color: #fff;}
.osc_git_box{border-color: #676ba6;}
.osc_git_info{color: #666;}
.osc_git_main a{color: #9B9B9B;}
</style>
{// 开源中国挂件-end}